<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset ="utf-8">
<title> Bootstrap</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href ="css/bootstrap-responsive.css" rel="stylesheet">
<link href ="css/moje.css" rel="stylesheet">
</head>
<body>
 <div class="container" id="wrapper">
    
        <div class="row">
            <div class="span6">
                <h1>Bootstrap Twitter</h1>
            </div>
            <div class="span6">
                 <ul class="nav nav-pills    pull-right">
                    <li>
                      <a href="#">Home</a>
                    </li>
                    <li class="dropdown">
                            <a class="dropdown-toggle"
                                data-toggle="dropdown"
                                href="#">
                                 Dropdown
                             <b class="caret"></b>
                            </a>
                          <ul class="dropdown-menu">
                                  <li class="nav nav-pills">
                                  <a href="#">Rozwiniety element</a>
                                  </li>
                              <li><a href="#">Link</a></li>
                              <li><a href="#">Link</a></li>
                          </ul>
                    </li>
                 </ul>
                   
            </div>            

        </div> 
                 
                <div class="navbar navbar-inverse">
                    <div class="navbar-inner">
                        <a class="brand" href="#">Tytul</a>
                            <ul class="nav">
                                <li><a href="#">Home</a></li>
                                <li>
                                    <a href="#">Link</a>
                                </li>
                                <li>
                                    <a href="#">Link</a>
                                </li>
                            </ul>
                    </div>
                </div>
     <div class="row">
         <div class="container-fluid">
             <div class="row-fluid">
                <div class="span2">
                    <div class="well well">
                        
                               <span class="label label-important">
                                Zadania:
                               </span>
                               <ul class="nav nav-list"> 
                                    <li>
                                      <a href="#">
                                        <i class="icon-ok"></i>element
                                      </a>                               
                                    </li> 
                                    <li>
                                       <a href="#">
                                        <i class="icon-remove"></i>element
                                      </a>  
                                    </li>  
                                </ul>                        
                    </div>
                </div>
                 <div class="span10">
                     <ul class="breadcrumb">
                         <li><a href ="#">Home</a><span class="divider">/</span></li>
                         <li><a href ="#">Library</a><span class="divider">/</span></li>
                         <li class="active">Data</li>
                     </ul>
                </div>
                    <div class="alert alert-success span10">
                        Udalo sie!
                        <button type="button" class="close" data-dismiss="alert">X</button>
                    </div>
                 <div class="span8">   </div>
                 <div class="span2">                      
                    <button type="submit" class ="btn btn-success pull-right" style="background-color: green">
                        <i class="icon-plus icon-white"></i>
                        Add user
                    </button>
                     </div>   
                    <div class="span12"></div>
                     <div class="span1"></div>
                     
                        <form class="form-search span10 well pull-right">
                            <input type="text" class="input-large">
                            <button type="submit" class="btn"> Search </button>
                        </form>
                     <div class="span10 pull-right">
                         Total items:
                         <table class=" table table-striped table-bordered">
                             <thead>
                                 <tr>
                                     <th>
                                        <input type="checkbox">
                                     </th>
                                     <th>
                                         Login
                                     </th>
                                     <th>
                                         Full name
                                     </th>
                                     <th>
                                         E-mail
                                     </th>
                                     <th>
                                         Active
                                     </th>
                                     <th>
                                         Role
                                     </th>
                                     <th>
                                         Actions
                                     </th>
                                 </tr>
                             </thead>
                             <tbody>
                                 <tr>
                                      <td>
                                        <input type="checkbox">
                                     </td>
                                     <td>
                                         bossman
                                     </td>
                                     <td>
                                         Adam Nowak
                                     </td>
                                     <td>
                                         E-mail
                                     </td>
                                     <td>
                                         <span  class="label label-success">
                                         Yes
                                         </span>
                                     </td>
                                     <td>
                                         <span  class="label label-warning">
                                         Admin
                                         </span>
                                     </td>
                                     <td>
                                         <a href="#"><i class="icon-pencil"></i></a>
                                         <a href="#"><i class="icon-warning-sign"></i></a>
                                         <a href="#"><i class="icon-random"></i></a>
                                         <a href="#"><i class="icon-remove"></i></a>
                                     </td>
                                 </tr>
                                 
                                 <tr>
                                      <td>
                                        <input type="checkbox">
                                     </td>
                                     <td>
                                         kapitan
                                     </td>
                                     <td>
                                         Przemyslaw Kalita
                                     </td>
                                     <td>
                                         E-mail
                                     </td>
                                     <td>
                                         <span  class="label label-important">
                                         no
                                         </span>
                                     </td>
                                     <td>
                                         <span  class="label label-default">
                                         member
                                         </span>
                                     </td>
                                     <td>
                                         <a href="#"><i class="icon-pencil"></i></a>
                                         <a href="#"><i class="icon-warning-sign"></i></a>
                                         <a href="#"><i class="icon-random"></i></a>
                                         <a href="#"><i class="icon-remove"></i></a>
                                     </td>
                                 </tr>
                                 
                             </tbody>
                         </table>
                         
                             <div class ="span10">
                                 For Members:
                                 <button class="btn btn-primary" style="background-color: blue" type="submit">
                                    <i class="icon-random icon-white"></i>
                                    New password
                                 </button>
                                 <button class="btn btn-primary" style="background-color: blue" type="submit">
                                    <i class="icon-lock icon-white"></i>
                                    (Un)Active
                                 </button>
                                   <button class="btn btn-danger" style="background-color: red" type="submit">
                                    <i class="icon-remove icon-white"></i>
                                    Delete
                                 </button>
                             </div>
                         
                         <div class="pagination span10">
                            <ul>
                              <li class="disabled"><a href="#"><<</a></li>
                              <li class="active"><a href="#">1</a></li>
                              <li class="active"><a href="#">2</a></li>
                              <li class="active"><a href="#">3</a></li>
                              ...
                              <li class="disabled"><a href="#">>></a></li>
                            </ul>
                          </div>
                     </div>
                 </div>
             </div>
         </div>
         
     </div>
    

<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>